<template>
  <div class="pressure-heatmap-demo">
    <h1>压力热图演示</h1>
    <p>这是基于 miaoduo 设计的压力热图页面演示</p>
    
    <!-- 压力热图页面 -->
    <PressureHeatmapPage />
  </div>
</template>

<script>
import PressureHeatmapPage from './PressureHeatmapPage.vue'

export default {
  name: 'PressureHeatmapDemo',
  components: {
    PressureHeatmapPage
  }
}
</script>

<style scoped>
.pressure-heatmap-demo {
  min-height: 100vh;
}

h1 {
  text-align: center;
  color: #1677FF;
  margin: 20px 0;
}

p {
  text-align: center;
  color: #6B7280;
  margin-bottom: 20px;
}
</style>
